<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<%@ include file="/WEB-INF/views/include/head.jsp"%> 
<script src="${ctxStatic}/js/jquery-1.9.1.min.js"></script>
<script src="${ctxStatic}/js/layer.js"></script>
<script src="${ctxStatic}/js/style.js"></script>
<link rel="stylesheet" href="${ctxStatic}/css/common_erp.css">
<link rel="stylesheet" href="${ctxStatic}/css/list.css">
<style type="text/css">
    

    /* no  */
    .table-no{width: 80px}
    /* 工艺类别  */
    .table-gylb{width: 100px}
    /* 款式  */
    .table-khks{width: 100px}
    /* 客户   */
    .table-kh{width: 140px}
    /* 品牌  */
    .table-pp{width: 100px}
    /* 工艺编号  */
    .table-gybh{width: 100px}
    /* 工艺值 */
    .table-gyz{width: 100px}
    /* 工艺图片 */
    .table-gytp{width: 100px}
    /* 说明 */
    .table-sm{width: 140px}
    /* 状态 */
    .table-zt{width: 100px}
    /* 创建人 */
    .table-cjr{width: 100px}
    /* 创建日期 */
    .table-cjrq{width: 100px}
   
    
    </style>

<script type="text/javascript">

    // 检索方法
	function searchListForm() {
		var params = $("#searchForm").serialize();
		$("#activity_pane").showLoading();
		$.post("${ctx}/produce/technology/searchList",params,function(result) {
					var listHtml = result["process"];
					var pageHtml = result["page"];
					$("#listHtml").html(listHtml);
					$("#paging").html(pageHtml);
					$("#activity_pane").hideLoading();
				}, 'json');
	}
	
	// 重置方法
	function clearParam() {
		$("#procategory").val("");
		$("#category").val("");
		
		searchListForm();
	}
	
	 // 下拉选框带搜索功能
    $(document).ready(function() {
    	$("#procategory").select2(); 
    	$("#category").select2();    	
    	searchListForm();
    });
	
  
</script>
</head>
<body>

<form id="searchForm" method="post">
<div class="listArea" id="activity_pane">
	<div class="listBg">
        <div class="searchArea clearfix">
            <div class="searchLeft clearfix">
                <div class="searchInp clearfix">
                <!-- 工艺类别 -->
                    <p><spring:message code="production_process_category"/></p>
                    <c:set value="<%=ResourcesUtil.getConfig(\"process_category\")%>" var="procategory" />
                   <select class="width-125px" id="procategory" name="procategory">
                            <option value=""><spring:message code="contract_edit_please"/></option>
	                       <c:forEach items="${fns:getDictList(procategory)}"   var="procategoryInfo">
	                            <option value="${procategoryInfo.itemCode}-${procategoryInfo.itemValue}" > 
	                                ${procategoryInfo.itemName}
	                            </option>
	                       </c:forEach>
	               </select>
                </div>
                <div class="searchInp clearfix">
                <!-- 款式类别 -->
                    <p><spring:message code="production_process_style_category"/></p>
                    <c:set value="<%=ResourcesUtil.getConfig(\"style_category\")%>" var="category" />
                   <select class="width-125px" id="category" name="category">
                            <option value=""><spring:message code="contract_edit_please"/></option>
	                       <c:forEach items="${fns:getDictList(category)}"   var="categoryInfo">
	                            <option value="${categoryInfo.itemCode}-${categoryInfo.itemValue}" > 
	                                ${categoryInfo.itemName}
	                            </option>
	                       </c:forEach>
	               </select>
                </div>
                
            </div>	
            <div class="searchRight clearfix">
                <!-- 检索 -->
                <button type="button" onclick="searchListForm();"><spring:message code="commom_check"/></button>
                <!-- 重置 -->
                <button type="button" onclick="clearParam();"><spring:message code="common_reset"/></button>
                <!-- 创建 -->
                <button type="button" onclick="popup('1000px','584px','${ctx}/produce/technology/create')"><spring:message code="common_create"/></button>
            </div>								
        </div>
	 
    <div class="tableArea">
				<div class="tableScrollSm" style="overflow: auto;width: 1293px;height: 714px; ">
                <table cellpadding="0" class="tableHead" >
                    <thead>
                    <tr>
                        <th><p class="table-no"><spring:message code="Bookingorders_no"/></p></th>                       
                        <th><p class="table-khks"><spring:message code="production_process_style_category"/></p></th>                        
                        <th><p class="table-gylb"><spring:message code="production_process_category"/></p></th>
                        <th><p class="table-zt"><spring:message code="production_process_state"/></p></th>
                        <th><p class="table-cjr"><spring:message code="production_process_founder"/></p></th>
                        <th><p class="table-cjrq"><spring:message code="production_process_create_date"/></p></th>                        
                    </tr>
                    </thead>
                </table>
                <table cellpadding="0" class="tableBody">
                    <tbody id="listHtml">
                    </tbody>
                </table>	
            </div>
        </div>
    </div>
    <div id = "paging" ></div>
</div>
</form>
</body>
</html>